<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商城</title>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="shopping.js"></script>
    <link rel="stylesheet" href="../css/commodity.css">
</head>
<body>
<div class="nav">
    <div class="logo_container"><img class="logo" src="../img/logo.png">LOGO</div>
    <div>
        <button class="button" onclick="user_logout()">退出</button>
        <button class="button" onclick="go_order_list()">订单</button>
        <button class="button" onclick="go_shopping_cart()">购物车</button>
        <button class="button" onclick="go_address_list()">管理地址</button>
    </div>
</div>
<div id="app">
    <div>
        <span style="margin-right: 20px">分类:</span>
        <button class="button" v-for="c in shopping_class_list"
                @click="get_class_commodity(c.id)">{{ c.classification }}</button>
    </div>
    <div v-for="item in shopping_list">
        <div class="pull_left padding" @click="go_shopping_com(item.id)">
            <div class="com_img_container">
                <img class="com_img" :src="item.img_url"></div>
            <div><span>商品名</span>{{ item.name }}</div>
            <div><span>价格</span>{{ item.price }} </div>
            <div><span>优惠</span>{{ item.preferential }}</div>
        </div>
    </div>
</div>
</body>
</html>